---
title: Cadeias
description: Personalizando cadeias
---

# Cadeias

## Personalizando cadeias

O RainbowKit é projetado para integrar-se com o [objeto `chain` do wagmi](https://wagmi.sh/react/chains). Confira a lista de cadeias suportadas [aqui](https://wagmi.sh/react/chains#supported-chains).

### Personalizando a cadeia inicial

Por padrão, o RainbowKit conectará à primeira cadeia fornecida para o Wagmi. Este comportamento pode ser personalizado através da propriedade `initialChain`.

A cadeia inicial pode ser configurada usando um ID de cadeia.

```tsx
<RainbowKitProvider initialChain={1}>
```

Para maior comodidade, você também pode passar um objeto de cadeia.

```tsx
<RainbowKitProvider initialChain={mainnet}>
```

### Metadados de cadeia personalizados

Vários ícones e planos de fundo de cadeia são fornecidos por padrão, mas você pode personalizar o ícone e o plano de fundo para cada cadeia usando as propriedades `iconUrl` e `iconBackground`.

Exemplo com `getDefaultConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';

const config = getDefaultConfig({
  chains: [
    {
      ...mainnet,
      iconBackground: '#000',
      iconUrl: 'https://example.com/icons/ethereum.png',
    },
    {
      ...optimism,
      iconBackground: '#ff0000',
      iconUrl: 'https://example.com/icons/optimism.png',
    },
  ],
});
```

Exemplo com `createConfig`

```tsx
import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';

const chains: readonly [Chain, ...Chain[]] = [
  {
    ...mainnet,
    iconBackground: '#000',
    iconUrl: 'https://example.com/icons/ethereum.png',
  },
  {
    ...optimism,
    iconBackground: '#ff0000',
    iconUrl: 'https://example.com/icons/optimism.png',
  },
];

const config = createConfig({
  chains,
});
```
